<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="../../css/tittle.css" />
		<link rel="stylesheet" href="../../css/last.css" />
		<link rel="stylesheet" href="../../css/mengde.css" />
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			
		</style>
		<script src="../../java/people.js">
			
		</script>
	</head>
	<body>
		<div class="tittle">
			<div class="tittle_box1">
				
			</div>
			<div class="tittle_box2">
				<ul>
					<li>
						<a href="../frist.html">首&nbsp;页</a>
					</li>
					<li>
						<a href="../news.html">新&nbsp;闻</a>
					</li>
					<li>
						<a href="" style="text-shadow: 0 0 10px #69e0ff, 0 0 20px #69e0ff, 0 0 40px #69e0ff;">角&nbsp;色</a>
					</li>
					<li>
						<a href="">世&nbsp;界</a>
					</li>
					<li>
						<a href="">漫&nbsp;画</a>
					</li>
					<li>
						<a href="">社&nbsp;区</a>
					</li>
					<li>
						<a href="">赛&nbsp;事</a>
					</li>
					<li>
						<a href="">充值中心</a>
					</li>
				</ul>
			</div>
			<div class="tittle_box3">
				<ul>
					<li>
						<a href="">
							<div>
								<span>成长关爱系统</span>
							</div>
							<img src="../../img/guanaipingtai.png" alt="" />
						</a>
					</li>
					<li>
						<a href="">
							<div>
								<span>登&nbsp;录</span>
							</div>
							<img src="../../img/denglu.png" alt="" />
						</a>
					</li>
				</ul>
			</div>
		</div>
		
		<div class="city_body" style="background-image: url(../../img/city/mengde.jpg);">
			<ul>
				<li class="city">
					<a href="">蒙德城</a>
				</li>
				<li>
					<a href="../city/liyue.html">璃月港</a>
				</li>
				<li>
					<a href="../city/daoqi.html">稻妻城</a>
				</li>
				<li>
					<a href="../city/xumi.html">须弥城</a>
				</li>
				<li>
					<a href="../city/fengdan.html">枫丹廷</a>
				</li>
				<li>
					<a href="">敬请期待</a>
				</li>
			</ul>
			
			<!-- 雷泽 -->
			
			<!-- 温迪 -->
			<div class="city_people" style="background-image: url(../../img/city/people/keli_big.png);">
				<img src="../../img/city/fire.png" alt="" class="fire" />
				<div class="people_name">
					<div class="name_img">
						<img src="../../img/city/people/keli1.png" alt="" />
					</div>
					<div class="people_cv people_cv1" id="people_cv1">
						<div class="cv_left">
							<div class="cv_name">
								CV：花玲
							</div>
							<a href="#" class="cv_talk"></a>
						</div>
						<div class="cv_right" onclick="handlerclick()" >
							<p style="float: left;">
								中
							</p>
							<p style="float: right;border-radius: 12px; background-color: #dbb17d;"></p>
						</div>
					</div>
					
					<div class="people_cv people_cv2" id="people_cv2">
						<div class="cv_left">
							<div class="cv_name">
								CV：久野美咲
							</div>
							<a href="#" class="cv_talk"></a>
						</div>
						<div class="cv_right" onclick="handlerclick()" >
							<p style="float: left;border-radius: 12px; background-color: #dbb17d;">
							</p>
							<p style="float: right;">
								日
							</p>
						</div>
					</div>
					<div class="people_text">
						<img src="../../img/city/small.png" alt="" />
						<p>
							西风骑士团，火花骑士！永远伴随闪光与爆炸出现！
							<br />
							——然后在琴团长严厉的目光注视下默默消失。
							<br />
							虽然新炸药的配方，很多都是在被关禁闭的时候想出来的……
							<br />
							但如果不被关禁闭的话，就更好了。
						</p>
					</div>
					<div class="text_img" style="background-image: url(../../img/city/people/keli_text.png);">
					</div>
					
					
				</div>
			</div>
			<div class="people_small">
				<div class="people_left">
					<img src="../../img/city/left.png" alt="" />
				</div>
				<div class="people_center" onclick="handlerclick1()">
					<div>
						<img src="../../img/city/people/leize_small.png" alt="">
						<p>雷泽</p>
					</div>
					<div>
						<img src="../../img/city/people/wendi_small.png" alt="">
						<p>温迪</p>
					</div>
					<div style="border-color: rgba(255, 255, 255, 1);">
						<img src="../../img/city/people/keli_small.png" alt="">
						<p style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); background-image: none;">可莉</p>
					</div>
					<div>
						<img src="../../img/city/people/bannite_small.png" alt="">
						<p>班尼特</p>
					</div>
					<div>
						<img src="../../img/city/people/nuoaier_small.png" alt="">
						<p>诺艾尔</p>
					</div>
					<div>
						<img src="../../img/city/people/feixieer_small.png" alt="">
						<p>菲谢尔</p>
					</div>
				</div>
				<div class="people_right" onclick="handlerclick2()">
					<img src="../../img/city/right.png" alt="" />
				</div>
			</div>
		</div>
		<!-- 可莉 -->
		
		<!-- 班尼特 -->
		
		<!-- 诺艾尔 -->
		
		<!-- 菲谢尔 -->
		
		
		
		
		
		
		
		
		
		
		
		
		
		<div class="people_beijing">
			
		</div>
		
		
		
		
		
		<div class="last">
			<div class="last_box1">
				<ul>
					<li>
						<a href="">
							<img src="../../img_last/web.png" alt="" />
						</a>
					</li>
					<li>
						<a href="">
							<img src="../../img_last/wx.png" alt="" />
						</a>
					</li>
					<li>
						<a href="">
							<img src="../../img_last/qq.png" alt="" />
						</a>
					</li>
					<li class="last_more">
						<a href="">
							<img src="../../img_last/more.png" alt="" />
						</a>
						<div>
							<div>
								
							</div>
							<ul>
								<div>
									<p>分享至</p>
								</div>
								<ul>
								<li>
									<a href="">
										<img src="../../img_last/Z.png" alt="" />
									</a>
								</li>
								<li>
									<a href="">
										<img src="../../img_last/QQ_1.png" alt="" />
									</a>
								</li>
								<li>
									<a href="">
										<img src="../../img_last/WEB_1.png" alt="" />
									</a>
								</li>
								<li style="margin-right: 0;">
									<a href="">
										<img src="../../img_last/TIE.png" alt="" />
									</a>
								</li>
								</ul>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			<div class="last_box2">
				<div>
					<div class="box2_box1">
						<div class="box2_box1_img1">
							<img src="../../img/mihoyo.png" alt="" />
						</div>
						<div class="box2_box1_center">
							
						</div>
						<div class="box2_box1_img2">
							<img src="../../img/ys.png" alt="" />
						</div>
					</div>
					<div class="box2_box2">
						<div class="text1">
							<a href="" style="margin-left: 0;">用户协议</a><span>|</span>
							<a href="">隐私政策</a><span>|</span>
							<a href="">儿童隐私政策</a><span>|</span>
							<a href="">自律公约</a><span>|</span>
							<a href="">成长关爱</a><span>|</span>
							<a href="">关于我们</a><span>|</span>
							<a href="">联系我们</a><span>|</span>
							<a href="">加入我们</a>
						</div>
						<div class="text2">
							<p>
								健康游戏忠告：抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。
								<br />
								<a href="">沪公网安备31010402001113号</a>&nbsp;|&nbsp;增值电信业务经营许可证：沪B2-20190555
								<br />
								<a href="">沪ICP备19018275号-4</a>&nbsp;|&nbsp;沪网文〔2022〕1334-052号&nbsp;|&nbsp;国新出审【2019】2978号
								<br />
								互联网违法不良信息举报邮箱: tousu@service.mihoyo.com 互联网违法不良信息举报电话: 021-60371750 （工作时间：每天10点 - 20点）
								<br />
								亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听
								<br />
								未成年成长关爱热线：021-60371740 （服务时间：8:00-23:00）
								<br />
								© 2020 米哈游版权所有&nbsp;|&nbsp;上海米哈游影铁科技有限公司 客服电话：400-666-6312
							</p>
						</div>
						<div class="text3">
							<a href="">
								<img src="../../img_last/last_1.png" alt="" />
							</a>
							<a href="">
								<img src="../../img_last/last_2.png" alt="" />
							</a>
							<a href="">
								<img src="../../img_last/last_3.png" alt="" />
							</a>
							<a href="">
								<img src="../../img_last/last_4.png" alt="" />
							</a>
							<a href="">
								<img src="../../img_last/last_5.png" alt="" />
							</a>
							<a href="">
								<img src="../../img_last/last_6.png" alt="" />
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>